html {
    font-family:sans-serif;
//    line-height: 2;
//    color: #051b75;
}

h4 {
    color: blue;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

small {
  font-size: 12px;
}

.ntglobal {
  background-color: #FFFFFF;
  min-width: 920px;
//l  min-width: 1140px;
//  font-size: 10px;
}

.menutop {
//    background-color: gray;
//    text-align: center;
//    width: 100%;
    width:300px;
    height: 33px;
    float: left;
//    background-color: yellow;
}

.menumyip {
    position:absolute;
    top: 10px;
    margin-left: 30%;
//    height: 14px;
    height: 28px;
//    width: 30%;
    width: 400px;
    background-color: inherit;
//    background-color: red;
    display: flex;
    justify-content: center;
}

.menumyip a:link {
    color: blue;
}
.menumyip a:visited {
    color: blue;
}
.menumyip a:active {
    color: blue;
}

#menuauth {
    position:absolute;
    font-size: 12px;
    top: 10px;
    right: 20px;
    height: 30px;
    width: 350px;
    background-color: inherit;
    display: flex;
    justify-content: center;
    text-align: center;
}

#menuauth-button {
//    margin-left:365px;
    cursor: pointer;
}

#menuauth a:link {
    color: blue;
}
#menuauth a:visited {
    color: blue;
}
#menuauth a:active {
    color: blue;
}

#auth-sendmail a:link {
    color: blue;
}
#auth-sendmail a:visited {
    color: blue;
}
#auth-sendmail a:active {
    color: blue;
}

#nt9-link {
    font-size: 18px;
    font-weight: bold;
}

#nt9-link a:link {
    color: blue;
}
#nt9-link a:visited {
    color: blue;
}
#nt9-link a:active {
    color: blue;
}


//.inpauth {
//    font-size: 8px;
//}

.menutopsub1 {
    float: left;
    display: inline;
    list-style: none;
    padding-right: 10px;
//    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 10px;
}

#logo {
    display:contents;
//    display: inline;
}

#myip-title {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#myip-ip {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: blue;
}
#myip-name {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}
#myip-ispname {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}
#myip-speedtest {
    text-align: center;
    font-size: 12px;
//    font-weight: bold;
    font-style: italic;
}

//#myip-title {
//    text-align: center;
//    font-size: 12px;
//    font-weight: bold;
//}

.menumain {
//    position: absolute;
    color: white;
//    background-color: #051b75;
    display: block;
//l    min-width: 910px;
    min-width: 750px;
//    padding-top: 1px;
//    padding-bottom: 1px;
    top:45px;
    height: 70px;
    width: 100%; //l
//l    width: 1160px;
    margin: auto;
}

.menugroup {
//    position: absolute;
    font-size: 17px;
    float:left;
//    float:right;
//    background-color: inherit;
    background-color: #051b75;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 18px;
    padding-bottom: 17px;
//    width:6.84%;
    position: relative;
//    top: 15px;
    vertical-align:middle;
    text-align: center;

    border:2px solid #FFFFFF;
    border-radius: 10px;
    min-width:50px;
    
//    margin: auto;
//    display: inline-block;
}

.menugroup-sel {
    font-size: 17px;
    float:left;
//    float:right;
    background-color: #a45105;
    color: white;
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 18px;
    padding-bottom: 17px;
//    width:6.84%;
    position: relative;
//    top: 5px;
    vertical-align:middle;
    text-align: center;

    border:2px solid #FFFFFF;
    border-radius: 10px;
    min-width:50px;
    
    cursor: pointer;
}

.menugroup:hover {
    font-size: 17px;
    float: left;
    background-color: #123291;
//    cursor: default;
    cursor: pointer;
//    padding-left: 5px;
//    padding-right: 5px;
//    padding-top: 18px;
//    padding-bottom: 21px;
//    width: 6.84%;
    position: relative;
//    top: 5px;
    vertical-align:middle;
    text-align: center;
    min-width:50px;
}

.menugroupvip {
    font-size: 17px;
    float:center;
    background-color: #051b75;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 18px;
    padding-bottom: 17px;
    position: relative;
    vertical-align:middle;
    text-align: center;

    border:2px solid #FFFFFF;
    border-radius: 10px;
    min-width:50px;
}

.menugroupvip-sel {
    font-size: 17px;
    float:center;
    background-color: #a45105;
    color: white;
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 18px;
    padding-bottom: 17px;
    position: relative;
    vertical-align:middle;
    text-align: center;

    border:2px solid #FFFFFF;
    border-radius: 10px;
    min-width:50px;
    
    cursor: pointer;
}

.menugroupvip:hover {
    font-size: 17px;
    float:center;
    background-color: #123291;
    cursor: pointer;
    position: relative;
    vertical-align:middle;
    text-align: center;
    min-width:50px;
}

.m247 {
    font-size: 18px;
    color: red;
    font-weight: bold;
}

#itsupport {
    font-size: 17px;
    color: red;
    font-weight: bold;
}

#global-panel {
  display: inline-block;
//    display:block;
//  min-width: 1140px;
    width:100%;
//    background-color: red;
}

//#library-panel {
////  display: inline-block;
////    display:block;
////  min-width: 1140px;
//    width:100%;
////    background-color: red;
//}

//#example-box {
////  display: inline-block;
////    display:block;
////  min-width: 1140px;
////    width:100%;
//    background-color: gray;
//}

#mainlp-info-logo {
    font-size: 18px;
    font-weight: bold;
//    color: #051b75;
}

#mainlp-info {
    font-size: 14px;
//    color: #051b75;
}

#mainrp-info-news-header {
    font-size: 16px;
    font-weight: bold;
//    color: #051b75;
}

#mainrp-info-news {
    font-size: 14px;
//    color: #051b75;
    line-height: 18px;
}


#mainlp {
    display:block;
//  position: absolute;
//  float:left;
//  float:right;
  font-size: 12px;
//l  display: inline-block;
//  display:inline;
//l  top:100px;
  width:350px;
  background-color: white;
//  min-height: 500px;
    padding-left: 10px;
    padding-right: 30px;
}

.mainlp-toolstitle {
    font-size: 14px;
    font-weight: bold;
    color: blue;
}

.mainlp-toolstitle-library {
    font-size: 20px;
    font-weight: bold;
    color: red;
}

.tools-help-img {
    cursor: pointer;
}

#mainrp {
//l  display: inline-block;
  display: block;
//  display:table;
//  float:right;
//  display:block;
//18  top:120px;
//18  left:400px;
//18    width:750px;
//    width: 65%; //l
  font-size: 14px;
  background-color: white;
//  min-width: 400px;
//l  min-height: 550px;
//  height:400px;
}


#panel-top10 {
    display: block;
    position: absolute;
    right: 5px;
//    left: 95%;
//    text-align: right;
//    top: 101px;
    top: 130px;
    background-color: white;
//    border:2px solid #051b75;
//    border-radius: 10px;
    padding:5px;
//    margin: 10px;
    font-size: 12px;
    z-index:99999999;
}

#panel-top10-button-cancel {
    cursor: pointer;
}

//n#panel-top10 {
//n    display: block;
//n    position:absolute;
//n//  font-size: 12px;
//n//    top: 20%;
//n    right: 5px;
//n//    height: 200px;
//n//    width: 300px;
//n    background-color: white;
//n
//n//    border:2px solid #051b75;
//n//    border-radius: 10px;
//n
//n    z-index:99999999;
//n}

.top10 {
    display: block;
    position:absolute;
//  font-size: 12px;
    top: 400px;
    left: 40px;
    height: 200px;
    width: 300px;
    background-color: white;

//    border:2px solid #051b75;
//    border-radius: 10px;

    z-index:99999999;
}

.top10tbl {
    font-size: 14px;
    border:2px solid #051b75;
    border-radius: 10px;
    background-color: white;
}

.top10tbl-int {
    font-size: 12px;
    background-color: white;
}

#result-title {
//    font-size: 15px;
//    font-size: 12px;
    color: blue;
//    font-weight: bold;
}

#mainrp-waiting {
  position: absolute;
  display: block;
  left: 25%;
//  height: 100px;
  width: 50%;
  top:200px;
//  left:600px;

  justify-content: center;
//  align-content: center;
//  background-color: grey;
}

mainrp-data {
//  display: none;
//    float:left;
    width:700px;
//  background-color: grey;
    
}

#frameresult {
  display: none;
//  height: 500px;
  width:900px;
  font-size: 18px;
}

#frameresult2 {
  display: none;
//  height: 500px;
  width:900px;
  font-size: 18px;
}

//+.reguser {
//+//  margin-left: 50%;
//+  display: block;
//+  position:absolute;
//+  font-size: 12px;
//+  top: 50px;
//+  right: 50px;
//+  height: 200px;
//+  width: 200px;
//+  background-color: yellow;
//+}

//.inpreg {
//    font-size: 8px;
//}

.mainlp-info {
    float: left;
    display:inline-block;
//  top:100px;
  width:350px;
//  right: -10px;
//  background-color: green;
}

.mainrp-info {
    display:inline-block;
//    display:flex;
    left:365px;
//    background-color: green;
}

#tools-info {
    position:absolute;
    display:none;
    top: 130px;
    left: 800px;
    width:400px;
    background-color: white;
    align: center;

    border:2px solid #051b75;
    border-radius: 10px;
    z-index:99999999;
}

#tools-info-button {
    margin-left:365px;
    cursor: pointer;
}

#tools-info-data {
//    left: 5px;
    padding-left:5px;
    padding-right:5px;
    font-size:14px;
    color: #051b75;
}

#nthelp-info {
    position:absolute;
    display: none;
    top: 130px;
    left: 400px;
    width:700px;

    padding:5px;
//    padding-right:5px;

//    margin-left:30%;
//    height: 200px;
//    width:40%;
//    background-color: #051b75;
    background-color: white;
//    align: center;

    border:2px solid #051b75;
    border-radius: 10px;
//    color: white;
//    align: center;
}

#nthelp-info-button {
//    display: block;
    margin-left:665px;
//    align: center;
    cursor: pointer;
}

#nthelp-info-data {
//    margin:10px;
//    position: relative;
//    display: block;
//    padding-left:5px;
//    padding-right:5px;
//    left: 5px;
//    right: 5px;
    font-size:14px;
    color: #051b75;
//    align: center;
    width:780px;
}

#tools-ctrladd {
    position:absolute;
    display:none;
    top: 130px;
    left: 800px;
    width:400px;
    background-color: white;
    align: center;

    border:2px solid #051b75;
    border-radius: 10px;

    padding:5px;
//    padding-right:5px;

    z-index:99999999;
}

#tools-ctrladd-button {
//    margin-left:365px;
    cursor: pointer;
}

#tools-ctrladd-button-cancel {
//    margin-left:265px;
    cursor: pointer;
}

#tools-ctrladd-data {
    position: relative;
    left:5px;
    margin: 10px;
    
    font-size: 12px;
    align: center;
}

#tools-ctrladd-data-table {
    font-size: 12px;
}

#mainrp-mon-report-table {
    font-size: 12px;
}

#panel-processing {
    display: none;
    position: absolute;
//18    left: 150px;
//18    top: 10px;
    left: 800px;
    top: 127px;
//    background-color: red;
    color: #0099cc;
    font-size: 11px;

    z-index:99999999;
}

//#reqnumber-panel {
//    display: block;
//    position: absolute;
//    right: 5px;
////    left: 95%;
////    text-align: right;
////    top: 101px;
//    top: 130px;
//    background-color: red;
////    border:2px solid #051b75;
////    border-radius: 10px;
//    padding:5px;
////    margin: 10px;
//    font-size: 12px;
//    z-index:99999999;
//}

#panel-fb {
    display: block;
    position: absolute;
    right: 5px;
//    left: 95%;
//    text-align: right;
//    top: 101px;
    top: 200px;
    background-color: white;
//    border:2px solid #051b75;
//    border-radius: 10px;
    padding:5px;
//    margin: 10px;
    font-size: 12px;
}

#ntfb_email {
    width: 400px;
}

#ntfb_message {
    width: 400px;
    height: 150px;
}

#panel-fb-button-send {
    cursor: pointer;
}

#panel-fb-button-cancel {
    cursor: pointer;
}

#mailtrace_p1 {
    width: 780px;
}

#hashgen_p1 {
    width: 600px;
}

#sitespeed_p1 {
    width: 780px;
}

#textcvt_p1 {
    width: 780px;
}

#mon_clracstatus a:link {
    color: blue;
}
#mon_clracstatus a:visited {
    color: blue;
}
#mon_clracstatus a:active {
    color: blue;
}

#panel-speedtest {
    position:absolute;
    display: none;
    top: 40px;
    left: 30%;
//    width:200px;

//    padding:5px;
//    padding-right:5px;

//    margin-left:30%;
//    height: 200px;
//    width:40%;
//    background-color: #051b75;
    background-color: white;
//    align: center;

    border:2px solid #051b75;
    border-radius: 10px;
//    color: white;
//    align: center;
}

#frame-speedtest {
    border: 0px;
}

#panel-speedtest-closebutton {
    position: relative;
//    display: block;
//    margin-left:665px;
//    align: ;
    bottom: 30px;
    left: 210px;
    cursor: pointer;
}

//18#panel-speedtest-data {
//    margin:10px;
//    position: relative;
//    display: block;
//    padding-left:5px;
//    padding-right:5px;
//    left: 5px;
//    right: 5px;
//18    font-size:14px;
//18    color: #051b75;
//    align: center;
//18    width:780px;
//18}




//#panel-processing-data {
//}

//#hashgen_p1 {
//    width: 600px;
//}

//#panel_spfgen_result {
//+//    position: relative;
//+    left: 50px;
//+    padding-left:20px;
//+//    font-size: 20px;
//+    font-size: 200%;
//+//    padding-right: 50px;
//+//    margin: 50px;
//+//    text-align: center;
//+}

.advblock1 {
    display:block;
//    width:100%;
//    border-top: dashed 1px;
//    padding-top: 10px;
    text-align: right;
    font-size: 10px;
    align: center;
//    background-color: blue;
}


.footer {
    display:block;
//    width:100%;
    border-top: dashed 1px;
//    padding-top: 10px;
    text-align: right;
    font-size: 10px;
//    background-color: blue;
}

.footer-data {
//  min-width: 1140px;
//    display: block;
//+    color: #051b75;
//+    display: inline;
//+    list-style: none;
//+    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
//+    border-color: #051b75;
//    border-top: dashed 1px;
    border-right: dashed 1px;
//+    font-size: 12px;
//    background-color: green;
//
//    width: 700px;
}

#copyright {
    font-size: 10px;
    color: #051b75;
    text-align: right;
}


.menugroup a:link, .menugroup a:visited, .menugroup a:hover, .menugroup a:active {
    color: inherit;
    text-decoration: none;

}
.menugroup-sel a:link, .menugroup-sel a:visited, .menugroup-sel a:hover, .menugroup-sel a:active {
    color: inherit;
    text-decoration: none;
}